/**
 * @author AdinZ
 * @date 2023/5/6 23:53
 *  
 */

.layout-container {
  position: relative;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;

  .layout-header {
    width: 100%;

    &-box {

    }
  }

  &-main {
    position: relative;
    flex: 1;

    .layout-aside {
      left: 0;
      background-color: #eff1f8;
      bottom: 0;
      top: 0;
      justify-content: center;
      display: flex;
      flex-direction: row;
      overflow: hidden;
      user-select: none;
      z-index: 100;
      color: #7a8599;
      position: absolute;
      width: 108px;
      max-width: 108px;


      &-box {
        margin: 10px;
        flex-direction: column;
        position: relative;


        .aside-main {
          flex: 1;
        }

        .aside-copy {

        }

      }


      .aside-submenu {
        position: fixed;
        left: 108px;
        bottom: 0;
        top: 55px;
        background: white;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
      }

    }


    .layout-main {
      position: absolute;
      left: 108px;

      .layout-view {
        background-color: white;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        overflow: hidden;
      }


    }

  }


}